<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<%request.getAttribute("notice");%>
<html lang="zxx">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Dominie</title>

    <!-- Stylesheet -->
    <link rel="stylesheet" href="assets/css/vendor.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>
<body>

    <!-- preloader area start -->
    <div class="preloader" id="preloader">
        <div class="preloader-inner">
            <div class="spinner">
                <div class="dot1"></div>
                <div class="dot2"></div>
            </div>
        </div>
    </div>
    <!-- preloader area end -->

    <!-- search popup start-->
    <div class="body-overlay" id="body-overlay"></div>
    <div class="td-search-popup" id="td-search-popup">
        <form action="index.html" class="search-form">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Search.....">
            </div>
            <button type="submit" class="submit-btn"><i class="fa fa-search"></i></button>
        </form>
    </div>
    <!-- search popup end-->

    <!-- log-in popup start-->
    <%--<div class="td-log-in-popup" id="td-log-in-popup">--%>
    <%--    <div class="container">--%>
    <%--        <div class="row justify-content-center no-gutters">--%>
    <%--            <div class="col-lg-5">--%>
    <%--                <div class="log-in-wrap">--%>
    <%--                    <div class="thumb">--%>
    <%--                        <img src="assets/img/logo-3.png" alt="img">--%>
    <%--                    </div>--%>
    <%--                    <p>Your student account is you portal to all things Dominie your classroom, projects, forums, carees, resources.</p>--%>
    <%--                    <a class="btn btn-white" href="#">Student</a>--%>
    <%--                    <a class="btn btn-border-white" href="#">Instructirs</a>--%>
    <%--                </div>--%>
    <%--            </div>--%>
    <%--            <div class="col-xl-6 col-lg-7">--%>
    <%--                <div class="log-in-form">--%>
    <%--                   <!--  <button type="button" class="close">--%>
    <%--                        <span>&times;</span>--%>
    <%--                    </button> -->--%>
    <%--                    <ul class="nav nav-pills">--%>
    <%--                        <li class="nav-item">--%>
    <%--                            <a class="nav-link active" data-toggle="pill" href="#pills-home">Login</a>--%>
    <%--                        </li>--%>
    <%--                        <li class="nav-item">--%>
    <%--                            <a class="nav-link" data-toggle="pill" href="#pills-profile">Register</a>--%>
    <%--                        </li>--%>
    <%--                    </ul>--%>
    <%--                    <div class="tab-content">--%>
    <%--                        <div class="tab-pane fade show active" id="pills-home">--%>
    <%--                            <form>--%>
    <%--                                <div class="form-group">--%>
    <%--                                    <label>Username or email address*</label>--%>
    <%--                                    <input type="text" class="form-control" placeholder="youremail@gmail.com">--%>
    <%--                                </div>--%>
    <%--                                <div class="form-group">--%>
    <%--                                    <label>Password</label>--%>
    <%--                                    <input type="password" class="form-control">--%>
    <%--                                </div>--%>
    <%--                                <div class="form-check">--%>
    <%--                                    <input type="checkbox" class="form-check-input">--%>
    <%--                                    <label class="form-check-label">Remember me</label>--%>
    <%--                                </div>--%>
    <%--                                <a class="lost-password" href="#">Lost your password?</a>--%>
    <%--                                <button type="submit" class="btn btn-base w-100">Login</button>--%>
    <%--                                <div class="other-log-in-area text-center">--%>
    <%--                                    <h6>OR LOGIN WITH</h6>--%>
    <%--                                    <a class="btn btn-fb" href="#"><i class="fa fa-facebook"></i>FACEBOOK</a>--%>
    <%--                                    <a class="btn btn-google" href="#"><i class="fa fa-google"></i>GOOGLE</a>--%>
    <%--                                </div>                                --%>
    <%--                            </form>--%>
    <%--                        </div>--%>
    <%--                        <div class="tab-pane fade" id="pills-profile">--%>
    <%--                            <form>--%>
    <%--                                <div class="row">--%>
    <%--                                    <div class="col-md-6">--%>
    <%--                                        <div class="form-group">--%>
    <%--                                            <label>Full Name</label>--%>
    <%--                                            <input type="text" class="form-control" placeholder="Full Name">--%>
    <%--                                        </div>--%>
    <%--                                    </div>--%>
    <%--                                    <div class="col-md-6">--%>
    <%--                                        <div class="form-group">--%>
    <%--                                            <label>User or email*</label>--%>
    <%--                                            <input type="text" class="form-control" placeholder="Email">--%>
    <%--                                        </div>--%>
    <%--                                    </div>--%>
    <%--                                </div>--%>
    <%--                                <div class="form-group">--%>
    <%--                                    <label>Password</label>--%>
    <%--                                    <input type="password" class="form-control" placeholder="password">--%>
    <%--                                </div>--%>
    <%--                                <div class="form-check">--%>
    <%--                                    <input type="checkbox" class="form-check-input">--%>
    <%--                                    <label class="form-check-label">Remember me</label>--%>
    <%--                                </div>--%>
    <%--                                <a class="lost-password" href="#">Lost your password?</a>--%>
    <%--                                <button type="submit" class="btn btn-base w-100">Login</button>--%>
    <%--                                <div class="other-log-in-area text-center">--%>
    <%--                                    <h6>OR LOGIN WITH</h6>--%>
    <%--                                    <a class="btn btn-fb" href="#"><i class="fa fa-facebook"></i>FACEBOOK</a>--%>
    <%--                                    <a class="btn btn-google" href="#"><i class="fa fa-google"></i>GOOGLE</a>--%>
    <%--                                </div>                                --%>
    <%--                            </form>--%>
    <%--                        </div>--%>
    <%--                    </div>--%>
    <%--                </div>--%>
    <%--            </div>--%>
    <%--        </div>--%>
    <%--    </div>--%>
    <%--</div>--%>
    <!-- log-in popup end-->

    <!-- navbar start -->
    <div class="navbar-area navbar-area-1">
        <nav class="navbar navbar-expand-lg">
            <div class="container nav-container">
                <div class="responsive-mobile-menu">
                    <button class="menu toggle-btn d-block d-lg-none" data-target="#themefie_main_menu" 
                    aria-expanded="false" aria-label="Toggle navigation">
                        <span class="icon-left"></span>
                        <span class="icon-right"></span>
                    </button>
                </div>
                <div class="logo">
                    <a class="main-logo" href="/HomePageServlet"><img src="assets/img/logo.png" alt="img"></a>
                </div>
<%--                <div class="nav-right-part nav-right-part-mobile">--%>
<%--                    <a class="btn btn-base" href="./admin_login.jsp">登录</a>--%>
<%--                </div>--%>
                <div class="collapse navbar-collapse" id="themefie_main_menu">
                    <ul class="navbar-nav menu-open text-left pl-lg-5">
                        <li><a href="/NoticeListServlet?type=1">新闻速览</a></li>
                        <li><a href="/NoticeListServlet?type=2">会议公告</a></li>
                        <li><a href="/NoticeListServlet?type=3">综合信息</a></li>

                    </ul>
                </div>
<%--                <div class="nav-right-part nav-right-part-desktop">--%>
<%--                    <a class="btn btn-white" href="./admin_login.jsp">登录</a>--%>
<%--                </div>--%>
            </div>
        </nav>
    </div>
    <!-- navbar end -->

    <!-- blog single start -->
    <div class="banner-area">
        <div class="container" >
            <div class="row">
                <div class="col-lg-8" style="margin:0 auto;">
                    <div class="blog-details-inner">
                        <h2 style="margin-top: 100px;">${notice.title}</h2>
                        <div class="thumb">
                            <img src="${notice.cover}" style="width: 930px;height: 550px;" alt="img">
                                <!-- <div class="banner-area-inner" style="background-image:url('assets/img/blog/blog-single.png')"></div> -->
                        </div>
                        <p>${notice.body}</p>

                    </div>
                    <!-- 回复 -->
                    <!-- <div class="comment-area">
                        <h5>03 Comments</h5>
                        <div class="media">
                            <div class="media-left">
                                <img src="assets/img/team/1.png" alt="img">
                            </div>
                            <div class="media-body">
                                <h6>Haslida heris</h6>
                                <span>20 Feb 2020 at 4:00 pm</span>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
                                <a class="btn btn-base" href="#">Reply</a>
                            </div>
                        </div>
                    </div> 
                    <form class="comment-form">
                        <h5>Comments</h5>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="single-input-wrap">
                                    <input type="text" class="form-control" placeholder="Your Name">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="single-input-wrap">
                                    <input type="text" class="form-control" placeholder="Your Email">
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="single-input-wrap">
                                    <textarea rows="4" placeholder="Message..."></textarea>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-base">Submit your Message</button>
                    </form>-->
                </div>
            </div>
        </div>
    </div>
    <!-- blog single end -->

    <!-- footer area start -->
    <footer class="footer-area pd-top-140">
        <div class="container">
            <div class="footer-bottom">
                <div class="row">
                    <div class="col-md-6">
                        <div class="thumb">
                            <img src="assets/img/logo.png" alt="img">
                        </div>
                    </div>
                    <div class="col-md-6 text-md-right mt-3 mt-md-0 align-self-center">
                        <p>Copyright &copy; 2020.Company name All rights reserved. </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer area end -->

    <!-- back to top area start -->
    <div class="back-to-top">
        <span class="back-top"><i class="fa fa-angle-up"></i></span>
    </div>
    <!-- back to top area end -->


    <!-- all plugins here -->
    <script src="assets/js/vendor.js"></script>
    <!-- main js  -->
    <script src="assets/js/main.js"></script>
</body>
</html>